<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>宋国正-中国书法家简介</title>
  <style>
    div,
    img,
    span,
    ul,
    li {
      margin: 0;
      padding: 0;
    }

    .centent {
      padding: 5px;
      height: auto;
      margin: 0 auto;
      max-width: 800px;
    }

    .underline {
      display: inline-block;
      border-bottom: 3px solid #00adff;
      padding: 0 0px 5px 0;
      margin: 30px 10px;
      font-weight: 400;
    }

    p {
      text-indent: 2em;
      margin: 5px;
      font-size: 18px;
      text-align:justify;
    }

    /* 轮播图样式 */
    .focus {
      width: 100%;
      height: 200px;
      position: relative;
      top: 0;
      left: 0;
      overflow: hidden;
    }

    .focus_box {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 200px;
      display: flex;
    }

    .focus_div {
      width: 100%;
      background-color: black;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
    }

    .dian {
      display: inline-block;
      box-sizing: border-box;
      width: 8px;
      height: 8px;
      background-color: white;
      border-radius: 15px;
      cursor: pointer;
      position: absolute;
      bottom: 10px;
      left: 48.5%;
      transform: translateX(-50%);
    }

    .dian2 {
      transform: translateX(100%);
    }

    .dian_bg {
      background-color: #001dff;
    }
    .team {
      max-width: 0.5px;
      display: none;
    }
  </style>
</head>
<body>
  <div class="centent">
    <div class="focus">
      <div class="focus_box">
        <div class="focus_div">
          <img id="imgs" src="./image/img1.jpeg" style="height: 100%;">
        </div>
      </div>
      <span class="dian dian_bg"></span>
      <span class="dian dian2"></span>
    </div>
    <h2 class="underline">宋国正</h2>
    <span>
      <p>河南省孟州市人，1974年开始学习书法，多年临习历代书法名帖。</p>
      <p>1974年参军，在部<span class="team">⁻</span>队政治和宣传<span class="team">⁻</span>部门工作多年，其书法和摄影作品多次在西藏日报和成都军<span class="team">⁻</span>区战旗报发表</p>
      <p>1987年参加西藏自治区和西藏军区联合举办“庆祝中国<span class="team">⁻</span>人民解<span class="team">⁻</span>放军建<span class="team">⁻</span>军60周年书画展”荣获优秀奖</p>
      <p>1990年参加“珠峰杯”海内外书画大赛获优秀奖。</p>
      <p>1991于石家庄文学艺术进修学院书法专业毕业。</p>
      <p>2012年在新乡市举办“丹青翰墨”个人书画展。</p>
      <p>2012年参加“兴国强兵，捍卫海疆”全国书画大赛荣获金奖。</p>
      <p>2015年和2018年参加全国军工文化第一届，第二届书画展分别荣获最佳作品奖。</p>
      <p>2015年出版书法作品集第一册。</p>
      <p>2016年参加“中国电科杯”首届中央企业书画展荣获优秀作品奖。其行书0.9mx160m长卷党章在中央企巡展。</p>
      <p>2017年中国大众文化学会授予“百年挥煌，百位名家”荣誉</p>
      <p>2018年以来参加“中国书法院杯”第一届，第三届，第四届先后荣获金奖和特别金奖。</p>
      <p>2018年中国书法院授予“全国书法精英人物”。</p>
      <p>2020年被国礼艺评定中心评为最具投资价值艺术家。</p>
      <p>现为中国书法院院士，一级书法师;</p>
      <p>中国书法家协会会员;</p>
      <p>中国硬笔书法协会会员;</p>
      <p>中国书画<span class="team">我</span>研<span class="team">爱</span>究<span class="team">我</span>院<span class="team">国</span>研究员;</p>
      <p>中国旭东书画院副院长;</p>
      <p>青岛天博书画研究院院长;</p>
      <p> 中国大众文化学会书画专业委员会常务委员。</p>
      <p style="border-bottom:1px solid #f2f2f2;padding-bottom: 30px;">其书法作品被国家党、政、军、企机关多部门和国内外友好人士收藏。</p>
    </span>
    <h2 class="underline">价值评估证书</h2>
    <img src="./image/jz01.jpeg" style="width: 100%;">
    <img src="./image/jz02.jpeg" style="width: 100%;">
    <img src="./image/jz03.jpeg" style="width: 100%;">
    <img src="./image/jz04.jpeg" style="width: 100%;">
    <img src="./image/jz05.jpeg" style="width: 100%;">
    <div style="border-bottom:1px solid #f2f2f2;padding-bottom: 30px;"></div>
    <h2 class="underline">作品欣赏</h2>
    <img src="./image/WechatIMG5.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG6.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG7.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG8.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG9.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG10.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG11.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG12.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG13.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG14.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG15.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG16.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG17.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG18.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG19.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG20.jpeg" style="width: 100%;">
    <img src="./image/WechatIMG21.jpeg" style="width: 100%;">

  </div>
  <script>
    window.addEventListener('load', function () {
      setInterval("changeImg()", 3000);
      
    });
    var i = 1;
    function changeImg() {
      console.log(i);
      i++;
      if (i == 3) { i=1;}
      document.getElementById("imgs").src = "./image/img"+i+".jpeg";
    }
    
  </script>

</body>

</html>